// 使用 Vue 提供的 mixins 特性，提高代码的可维护性。
import {
	mapGetters,
	mapState
} from 'vuex'

export default {
	data() {
		return {
			currentTotal:''
		};
	},
	computed: {
		...mapGetters("m_cart", ["total"]),
		...mapState("m_user",["cart1"])
	},
	watch: {
		// 监听 taotal 值的变化
		total: {
			// 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
			handler(newValue,oldValue){
				// this.currentTotal=newValue
				this.setBadge();
			},
			immediate:true
		}
	},
	// 生命周期-页面刚展示
	onShow() {
		// this.currentTotal=this.total
		this.setBadge()
		this.networkType()
	},
	methods: {
		setBadge() {
			// 调用 setTabBarBadge 设置tabBar的数字徽标
			uni.setTabBarBadge({
				index: 2,
				text: this.total+ '', // 注意：text的值必须是字符串，不能是数字
			})
			if(!this.total){
				uni.hideTabBarRedDot({
					index: 2,
				})
			}
		},
		networkType() {
			uni.getNetworkType({
				success: function(res) {
					// console.log("wdebug---res", res.networkType);
					if (res.networkType == 'none') {
						// console.log("wdebug--无网络测试");
						uni.showToast({
							title: '网络异常',
							icon: 'error',
							duration: 3000
						})
					}
				}
			});
		},
	}
}